<template >
    <div class="zhengti">
        <div class="left1">
            <div class="left12">
            <el-progress :percentage="50"></el-progress>
            <el-progress :percentage="100" :format="format"></el-progress>
            <el-progress :percentage="100" status="success"></el-progress>
            <el-progress :percentage="100" status="warning"></el-progress>
            <el-progress :percentage="50" status="exception"></el-progress>
            </div>
            
        </div>
        <div>
        </div>
        <div></div>
    </div>
  
</template>

<script>
  export default {
    methods: {
      format(percentage) {
        return percentage === 100 ? '满' : `${percentage}%`;
      }
    }
  };
</script>

<style scoped>
.zhengti{
    margin: 20px;
    /* background: #cdc8c8; */
    width: 100%;
    height: 100%;
   
}
.left1{
        width:500px ;
        background: #ffffff;
        padding: 40px;
        border-radius: 13px;
        
    }




/* .left2{
    width: 450px;
    ma
            
        } */

</style>